<!DOCTYPE html>         <!---"!"+回车，自动生成模板，body里写内容-->
<html lang="en">

<!-- Ctrl+/ 整行注释 -->

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="icon" href="../static/img/asset.png"/>
  <title>用户注册</title>
  <style></style>           <!---style里写CSS-->
</head>

<body>
<h1 align=center>注册界面</h1>

<table align=center>            <!--//以表格形式布局-->
  <tr>                                          <!--//第一行-->
    <td>姓名：</td>          <!--//第一个单元格-->
    <td>
      <input type="text">        <!--//普通文本框-->
    </td>
  </tr>

  <tr>                                          <!--//第二行-->
    <td>性别：</td>
    <td>
      <input type="radio" name="sex"> 男   <!--//当name相同时，是单选框-->
      <input type="radio" name="sex"> 女
    </td>
  </tr>

  <tr>                                          <!--//第三行-->
    <td>电话号码：</td>
    <td>
      <input type="text">
    </td>
  </tr>

  <tr>                                           <!--//第四行-->
    <td>证件号码：</td>
    <td>
      <input type="text">
    </td>
  </tr>

  <tr>                                           <!--//第五行-->
    <td>籍贯：</td>
    <td>
      <select name="zhengjian" >    <!--//下拉选择框-->
        <option>请选择</option>
        <option>湖南</option>
        <option>湖北</option>
        <option>广州</option>
        <option>深圳</option>
        <option>北京</option>
        <option>天津</option>
        <option>河南</option>
        <option>江西</option>
        <option>四川</option>
      </select>
    </td>
  </tr>

  <tr>                                            <!--//第六行-->
    <td>喜好：</td>
    <td>
      <input type="checkbox" name='love'> 美食      <!--//复选框-->
      <input type="checkbox" name='love'> 旅行
      <input type="checkbox" name='love'> 摄影
      <input type="checkbox" name='love'> 手工
      <br>                                          <!--//换行符-->
      <input type="checkbox" name='love'> 吉他
      <input type="checkbox" name='love'> 穿搭
    </td>
  </tr>

  <tr>                                             <!--//第七行-->
    <td>简要介绍：</td>
    <td>
      <textarea name="jieshao" cols="30" rows="4"></textarea>   <!--//多行文本框-->
    </td>
  </tr>

  <tr>
    <td></td>
    <td>
      <a href="https://www.bilibili.com/video/BV14J4114768?p=59">注册条款</a>     <!--超链接-->
    </td>
  </tr>

  <tr>
    <td></td>
    <td>
      <input type="checkbox" checked="checked"> 我同意注册条款    <!---checked="checked"代表默认选上复选框-->
    </td>
  </tr>

  <tr>
    <td></td>
    <td>
      <input type="submit" value="注册">                    <!--//按钮 -->
    </td>
  </tr>

</table>

</body>

</html>
